Task 1: Basic Text Styling

Create a simple webpage with a few paragraphs.

Use CSS to:

Change text color, font size, and font family.

Make one paragraph bold and another italic.

Center the main heading.


Task 2: Background and Borders

Use CSS to:

Add a background color to the page.

Add a background image (repeat or no-repeat).

Style a <div> or <p> with a border (solid, dotted, or dashed).

Round the corners using border-radius.


Task 3: ID and Class Selectors

Create three boxes with different colors.

Use:

Classes to style similar boxes.

IDs to style one unique box.

Practice using .class and #id selectors.


Task 4: Styling a Table

Create a timetable (use HTML table).

Use CSS to:

Change header color and text color.

Add alternate row background colors.

Add padding and borders for neat spacing.

Center the table on the page.


Task 5: Button Styling

Create 3 different buttons: “Submit”, “Cancel”, and “Next”.

Use CSS to:

Change background color and text color.

Add hover effects using :hover.

Add padding, border-radius, and shadow.


Task 6: Simple Webpage Layout

Design a webpage layout using <header>, <nav>, <main>, and <footer>.

Use CSS to:

Give different background colors for each section.

Center content and control width.

Add margin and padding for spacing.

Add 3 images in a row.

Use CSS to:

Add borders and rounded corners.

Apply a shadow effect.

Create a hover effect that changes image size (using transform: scale()).

Mini Project 
-------------

link: https://preview.webflow.com/preview/notable-template?utm_source=notable-template&preview=e63200bcfa0a5b6ba065540b06b1aef6